<%-- 
    Document   : order_history_detail
    Created on : Apr 2, 2013, 1:47:55 PM
    Author     : duonghung1369
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib tagdir="/WEB-INF/tags/common/" prefix="common" %>
<%@taglib uri="/struts-tags" prefix="s" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE HTML >

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Order Cart</title>
        <!--        <link rel="stylesheet" type="text/css" href="../resource/css/order_cart.css" >-->
        <link rel="stylesheet" type="text/css" href="../resource/css/style.css" >
        <link rel="stylesheet" type="text/css" href="../resource/css/admin_style.css">
    </head>
    <body>
        <div class="antiqueshop-container">
            <div class="container">
                <div id="header">
                    <common:header />
                    <common:login_logout />
                </div>
                <div id="navigation">

                </div>
                <div id="column-left">
                    <common:category />
                </div>
                <div id="content">                    
                    <div class="boxa round first grid" style="margin: 0;">                        
                        <h2>Order Detail</h2>
                        <br/>
                        <table id="order-customer-information">
                            <tbody>
                                <tr>
                                    <td class="left-column">Name</td>
                                    <td class="right-column"><s:property value="order.user.profile.firstname" /> <s:property value="order.user.profile.lastname" /></td>
                                </tr>
                                <tr>
                                    <td class="left-column">Email</td>
                                    <td class="right-column"><s:property value="order.user.profile.email" /></td>
                                </tr>
                                <tr>
                                    <td class="left-column">Phone</td>
                                    <td class="right-column"><s:property value="order.user.profile.phoneNumber" /></td>
                                </tr>
                                <tr>
                                    <td class="left-column">Address</td>
                                    <td class="right-column"><s:property value="order.user.profile.address" /></td>
                                </tr>
                            </tbody>
                        </table>

                        <br/>
                        <br/>

                        <h2>Note</h2>
                        <br/>
                        <table id="order-note">
                            <tbody>
                                <tr>
                                    <td class="left-column">Confirmation Number</td>
                                    <td class="right-column"><s:property value="order.confirmationString" /></td>
                                </tr>
                                <tr>
                                    <td class="left-column">Message</td>
                                    <td class="right-column"><s:property value="order.note" /></td>
                                </tr>
                                <tr>
                                    <td class="left-column">Date processed</td>
                                    <td class="right-column"><s:property value="order.placedDatetime" /></td>
                                </tr>
                            </tbody>
                        </table>

                        <br/>
                        <br/>
                        <h2>Order items</h2>
                        <br/>
                        <table class="data display datatable" id="order-items" style="width: 90%">
                            <thead style="background-color: #f8f8f8">
                                <tr class="odd">
                                    <td>Product</td>
                                    <td style="text-align: center;">Quantity</td>
                                    <td style="text-align: center;">Price ($)</td>
                                </tr>
                            </thead>
                            <tbody>
                                <s:iterator value="order.orderItemses" id="orderItem" >
                                    <tr>
                                        <td><s:property value="#orderItem.product.name" /></td>
                                        <td style="text-align: center;"><s:property value="#orderItem.quantity" /></td>
                                        <td style="text-align: center;"><s:property value="#orderItem.product.price" /></td>
                                    </tr>
                                </s:iterator>
                                    <tr style="background-color: antiquewhite; text-align: center;">
                                        <td></td>
                                        <td style="text-align: center; font-weight: bold; color: red;">Total</td>
                                        <td style="font-weight: bold; color: red;"><s:property value="order.subAmount" /></td>
                                    </tr>
                            </tbody>
                        </table>
                    </div>
                    <div style="width: 100%; text-align: center; margin-bottom: 20px;"><a href="javascript:history.back()" class="custom-button" >Back</a></div>

                </div>
                <div id="footer">
                    <common:footer />
                </div>
            </div>
        </div>
    </body>
</html>
